/*导航栏样式：*/
.nav{
	background-color: #333;
	height: 50px;
	display: flex;
}

.navHerf{
	height: 100%;
}

.navHerf a{
	color: white;
	text-decoration: none;
	display: block;
	line-height: 50px;
	height: 100%;
	padding-left: 20px;
	padding-right: 20px;

}

.navHerf:hover{
	background-color: #111;
}

.navUser{
	height: 100%;
	margin-left: auto;
}

.navUser a{
	color: white;
	text-decoration: none;
	line-height: 50px;
	height: 100%;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
}

.navUser:hover{
	background-color: #111;
}

/*块样式*/
.main{
	display: block;
	margin: 0 auto;
	width: 70%;
}

.block{
	width: 100%;
	padding: 5px 0px 10px 0px;
	margin-top: 20px;

	background-color: #F5F5F5;
	border-radius: 20px;
	display: block;
}

.title{
	margin-left: 2%;
}

/*个人信息样式*/
.inblockInfo{
	margin-left: 3%;
	margin-right: 3%;
}

.campus, .tel, .sid, .aut, .vx, .qq, .email{
	display: table;
	margin: 10px 0;
	width: 100%;
}

.fixedInfo{
	font-size: x-small;
	color: rgb(146, 130, 130);
	text-align: right;
	width: 10%;
	display: table-cell;
}

.infoShow{
	font-size: large;
	font-weight: bold;
	margin-left: 6%;
	text-align: left;
}

#modifyInfo{
	display: flex;
	margin-left: auto;
	margin-bottom: 10px;
}

#editInfoButtons{
	width: max-content;
	margin-left: auto;
	margin-bottom: 20px;
}

/*头像*/
#avatar{
	width: 100px;
	margin: 0 auto;
}

#avatarImg{
	border-radius: 50%;
	max-width: 100%;
	max-height: 100%;
	/* padding: 2px; */
	/* border: 1px solid rgb(37, 36, 36); */
}

.name{
	width: max-content;
	margin: 0 auto;
	font-size: x-large;
	font-weight: bold;
}

#infoName{
	margin-right: 10px;
	margin-left: 10px;
	font-size: x-large;
	/* background-color: darkseagreen;
	padding: 0 15px 0 15px; */
}

/*按钮样式*/
.smallOrangeButton{
	height: 40px;
	border: none;
	border-radius: 20px;
	background-color: orange;
	color: white;
	text-align: center;
	font-weight: bold;
	padding: 10px 30px 10px 30px;
}

.smallOrangeButton:hover{
	background-color: rgb(194, 137, 16);
	cursor: pointer;
}

.smallRedButton{
	height: 40px;
	border: none;
	border-radius: 20px;
	background-color: red;
	color: white;
	text-align: center;
	font-weight: bold;
	padding: 10px 30px 10px 30px;
}

.smallRedButton:hover{
	background-color: rgb(121, 12, 12);
	cursor: pointer;
}

/*商品栏目样式*/
.goodsUl{
	margin-right: 3%;
}

.goodsItem{
	margin-top: 15px;
	list-style: none;
	padding-left: 10px;
}

.goodsItem:hover{
	border-left: 5px solid orangered;
	padding-left: 5px;
}

.goodsButton{
	width: max-content;
	margin-left: auto;
}

.goodsName{
	font-size: large;
	font-weight: bold;
	display: inline-block;
}

.goodsPrice{
	font-weight: bold;
	color: orangered;
	display: inline-block;
	margin-left: 10px;
}

.goodsUpTime{
	font-size: small;
	color: darkgrey;
	margin-top: 10px;
}

/*交易栏目样式*/
.dealUl{
	margin-right: 3%;
}

.dealItem{
	margin-top: 15px;
	list-style: none;
	padding-left: 10px;
}

.dealItem:hover{
	border-left: 5px solid orangered;
	padding-left: 5px;
}

.dealButtons{
	width: max-content;
	margin-left: auto;
}

.dealGoods{
	font-size: large;
	font-weight: bold;
}

.sellerName .buyerName{
	font-size: medium;
}

.dealStatus{
	font-weight: bold;
}

.dealTime{
	font-size: small;
	color: darkgrey;
	margin-top: 10px;
}

/*收藏栏目样式*/
.favUl{
	margin-right: 3%;
}

.favItem{
	list-style: none;
	padding-left: 10px;
	margin-top: 15px;
}

.favItem:hover{
	border-left: 5px solid orangered;
	padding-left: 5px;
}

.favGoods{
	font-weight: bold;
	font-size: large;
}

.favSeller{
	font-size: medium;
	margin-left: 10px;
}

.favTime{
	font-size: small;
	color: gray;
	margin-left: 10px;
}

.rmFav{
	width: max-content;
	margin-left: auto;
}

/*注销按钮样式*/
#logout{
	line-height: 1.499;
    position: relative;
    display: block;
    font-weight: 400;
    text-align: center;
    border: 1px solid transparent;
	margin: auto;
	margin-top: 20px;
    
    height: 50px;
	width: 20%;
    padding: 0 15px;

    font-size: large;
	font-weight: bold;
    border-radius: 25px;
    color: white;
	background-color: red;
}

#logout:hover{
	background-color: rgb(211, 62, 25);
	cursor: pointer;
}